body {
    width: 100%;
    font-family: "Microsoft YaHei", "Arial", sans-serif;
    margin: 0;
    padding: 0;
    min-width: 1200px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.main-body {
    width: 1200px;
    margin: 0 auto 0;
}

.index-bg {
    width: 100%;
    height: 680px;
    background-image: url("../image/index-bg.png");
    margin: 0;
    padding: 0;
    background-size: 100% 100%;
}

.header {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-top: 16px;
}

.header .header-left {
    float: left;
}

.header .header-left span {
    font-size: 14px;
    color: #666;
}

.header .header-right {
    float: right;
}

.header .header-right .search {
    width: 212px;
    height: 30px;
    position: relative;
    font-size: 0;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 24px 24px 24px 24px;
}

.header .header-right input {
    width: 170px;
    height: 30px;
    line-height: 30px;
    border: none;
    outline: none;
    background: none;
    margin: 0 0 0 10px;
    padding: 0;
}

.header .header-right input:focus {
    border: none;
    outline: none;
}

.header .header-right button {
    width: 16px;
    height: 16px;
    border: none;
    background-image: url("../image/index-search.png");
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    right: 12px;
    top: 7px;
    cursor: pointer;
    background-size: 100% 100%;
}

.index-title {
    width: 570px;
    height: 82px;
    background-image: url("../image/index-title.png");
    margin: 73px auto 0;
    background-size: 100% 100%;
}

.index-desc {
    width: 903px;
    height: 47px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;
    color: #012572;
    text-align: center;
}

.index-desc p {
    line-height: 30px;
}

.index-nav {
    width: 1200px;
    height: 184px;
    margin: 128px auto 0 auto;
}

.index-nav .index-nav-card {
    float: left;
    width: 310px;
    height: 184px;
    position: relative;
    /*transition: 0.3s;*/
    /*margin-top: 128px;*/
}

.index-nav a {
    color: #19191A;
}

.index-nav .index-nav-card:nth-child(n+2) {
    margin-left: -13.4px;
}

.index-nav .index-nav-card:nth-child(odd) {
    background-image: url("../image/index-nav-bg-up.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card:nth-child(odd):hover {
    /*height: 224px;*/
    /*margin-top: 88px;*/
    /*background-image: url("../image/index-nav-bg-up-hover.png");*/
    /*background-size: 100% 100%;*/
    transform: translateY(-40px);
    transition: 0.3s;
}

.index-nav .index-nav-card.on:nth-child(odd) {
    height: 248px;
    background-image: url("../image/index-nav-bg-up-hover.png");
    background-size: 100% 100%;
    transition: 0s;
}

.index-nav .index-nav-card:nth-child(even) {
    background-image: url("../image/index-nav-bg-down.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card:nth-child(even):hover {
    /*height: 224px;*/
    /*margin-top: 88px;*/
    /*background-image: url("../image/index-nav-bg-down-hover.png");*/
    /*background-size: 100% 100%;*/
    transform: translateY(-40px);
    transition: 0.3s;
}

.index-nav .index-nav-card.on:nth-child(even) {
    height: 248px;
    background-image: url("../image/index-nav-bg-down-hover.png");
    background-size: 100% 100%;
    transition: 0s;
}

.index-nav .index-nav-card .index-nav-content {
    width: 310px;
    height: 189px;
    position: absolute;
    top: -45px;
}

.index-nav .index-nav-card:hover .index-nav-content {
    /*bottom: 80px;*/
    /*color: #fff;*/
}

.index-nav .index-nav-card.on .index-nav-content {
    color: #fff;
    transition: 0s;
}

.index-nav .index-nav-card .index-nav-content .index-nav-img {
    width: 110px;
    height: 110px;
    margin: 0 auto 0;
}

.index-nav .index-nav-card .index-nav-content .index-nav-text {
    width: 184px;
    height: 54px;
    font-size: 20px;
    margin: 25px auto 0;
    text-align: center;
}

.index-nav .index-nav-card .index-nav-content .index-nav-img1 {
    background-image: url("../image/index-nav1.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card:hover .index-nav-content .index-nav-img1 {
    background-image: url("../image/index-nav1-hover.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card .index-nav-content .index-nav-img2 {
    background-image: url("../image/index-nav2.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card:hover .index-nav-content .index-nav-img2 {
    background-image: url("../image/index-nav2-hover.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card .index-nav-content .index-nav-img3 {
    background-image: url("../image/index-nav3.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card:hover .index-nav-content .index-nav-img3 {
    background-image: url("../image/index-nav3-hover.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card .index-nav-content .index-nav-img4 {
    background-image: url("../image/index-nav4.png");
    background-size: 100% 100%;
}

.index-nav .index-nav-card:hover .index-nav-content .index-nav-img4 {
    background-image: url("../image/index-nav4-hover.png");
    background-size: 100% 100%;
}

.news-content {
    width: 1200px;
    height: 400px;
    position: relative;
    margin: -48px auto 0;
}

.news-content .news-line {
    width: 0;
    height: 270px;
    border: 1px solid #EFF3FE;
    position: absolute;
    bottom: 0;
    left: 9px;
}

.news-content .news-header-bg {
    display: block;
    width: 152px;
    height: 100px;
    background-image: url("../image/index-news-title.png");
    top: 0;
    left: 12px;
    background-size: 100% 100%;
}

.news-content ul li {
    position: relative;
    height: 26px;
}

.news-content ul li .flag {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 9px;
    height: 9px;
    background: #1663E6;
    border: 3px solid #DBE8FF;
    border-radius: 50%;
}

.news-content ul li:hover .flag {
    left: 0;
    width: 12px;
    height: 12px;
    border: 4px solid #DBE8FF;
}

.news-content ul li .flag-line {
    position: absolute;
    top: 10px;
    left: 8px;
    width: 40px;
    border-top: 1px solid #EFF3FE;
    display: none;
}

.news-content p {
    color: #666666;
    line-height: 26px;
    margin-left: 84px;
    font-size: 16px;
}

.news-content a {
    color: #666666;
}

.news-content p .news-title {
    margin-left: 24px;
}

.news-content ul li .news-show {
    display: block;
    color: #838A9D;
    text-align: center;
    width: 94px;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    border-radius: 25px 25px 25px 25px;
    border: 1px solid #E4E4E4;
    position: absolute;
    top: 0;
    right: 12px;
}

.news-content ul li .news-show .news-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("../image/index-news-arrow.png");
    margin-left: 4px;
    background-size: 100% 100%;
}

.news-content ul li:hover .flag-line {
    display: block;
}

.news-content ul li:hover .news-show {
    color: #ffffff;
    background: #004FDF;
}

.news-content ul li:hover .news-show .news-arrow {
    background-image: url("../image/index-news-arrow-hover.png");
    background-size: 100% 100%;
}


.news-content ul li:hover .news-date {
    color: #004FDF;
}

.news-content ul li:hover .news-title {
    color: #004FDF;
}

footer {
    display: block;
    width: 100%;
    height: 56px;
    background-color: #1D2036;
    color: #969BA5;
    font-size: 14px;
    line-height: 56px;
}

footer a {
    color: #969BA5;
}

footer .footer-content {
    width: 1200px;
    margin: 0 auto 0;
}

footer .footer-left {
    float: left;
}

footer .footer-left li {
    float: left;
}

footer .footer-left li:nth-child(n+2) {
    margin-left: 32px;
}

footer .footer-right {
    float: right;
}

footer .footer-right li {
    margin-left: 5px;
    float: left;
}